<template>
  <div>
    <el-row>
        <el-checkbox-group v-model="options.checkedValues"  @change="handlerCheckedChange" >
            <template v-if="options.data">
                <el-checkbox  v-for="(v,k) in options.data" :label="k" :key="k">{{v}}</el-checkbox>
            </template>
        </el-checkbox-group>
    </el-row>
  </div>
</template>
<script lang="ts">
import {Component, Emit, Prop, Vue} from 'vue-property-decorator';

@Component
export default class CheckedProp extends Vue{

    @Prop({ default: {}}) 
    private options!: any;


    @Emit('change')
    handlerCheckedChange(val:any,dt:any){
        console.log(this.options.checkedValues)
    }
  
}
</script>